﻿body {
	background-image:url(../../Images/background.jpg);
	background-repeat:no-repeat	
}

#tabbed_box_1 {
	margin: 0px auto 0px auto;
	width:1000px;
}
.tabbed_box h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#000000;
	letter-spacing:-1px;
	margin-bottom:10px;
}
.tabbed_box h4 small {
	color:#e3e9ec;
	font-weight:normal;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	position:relative;
	top:-4px;
	left:6px;
	letter-spacing:0px;
}
.tabbed_area {
	border:0px solid #494e52;
    background-color:#16A085;
	padding:8px;	
}

ul.tabs {
	margin:0px; padding:0px;
	margin-top:5px;
	margin-bottom:6px;
}
ul.tabs li {
	list-style:none;
	display:inline;
}
ul.tabs li a /* xữ lý tab trước khi active */
{
	background-color:#464c54;
	color:#ffffff;
	padding:8px 14px 8px 14px;
	text-decoration:none;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	border:0px solid #464c54;
	background-image:url('images/tab_off.jpg');
	background-repeat:repeat-x;	 
	background-position:bottom;
}
ul.tabs li a:hover /* màu viền trên của tab */
{
	background-color:#ffffff;
	border-color:#2f343a;
}
ul.tabs li a.active /* xữ lý tab đã active */
{
	background-color:#ffffff;
	color:#16A085;
	border:1px solid #464c54; 
	border-bottom: 1px solid #ffffff;
	background-image:url('images/tab_on.jpg');
	background-repeat:repeat-x;
	background-position:top;	
}
.content {
	background-color:#ffffff;
	padding:10px;
	border:1px solid #464c54; 	
	font-family:Arial, Helvetica, sans-serif;
	background-image:url('images/content_bottom.jpg');
	background-repeat:repeat-x;	 
	background-position:bottom;	
}
#content_2, #content_3 { display:none; }

.content ul {
	margin:0px;
	padding:0px 20px 0px 20px;
}
.content ul li {
	list-style:none;
	border-bottom:1px solid #d6dde0;
	padding-top:15px;
	padding-bottom:15px;
	font-size:13px;
}
.content ul li:last-child {
	border-bottom:none;
}
.content ul li a {
	text-decoration:none;
	color:#3e4346;
}


.content ul li a small {
	color:#8b959c;
	font-size:9px;
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	left:4px;
	top:0px;
}
.content ul li a:hover {
	color:#a59c83;
}
.content ul li a:hover small {
	color:#baae8e;
}

.textbox { 
   border: 1px solid #16A085;  
   height:20px; 
   width: 20px; 
   text-align:center;
   background-color: #ffffff;
 } 

.altfield {
   height:100%;
   width:100%;
   text-align:center;
   background-color: #E1EEF4;
}
.textfield
{
   background-color: #ffffff;
   height:100%;
   width:100%;
   text-align:center;
}


.thamgiaclb{
   border: 1px solid #ffffff; 
   height:20px; 
   width: 300px; 
   text-align:center;
   background-color: #E1EEF4;
}

.button {
	-moz-box-shadow:inset 0px 0px 0px -24px #e67a73;
	-webkit-box-shadow:inset 0px 0px 0px -24px #e67a73;
	box-shadow:inset 0px 0px 0px -24px #e67a73;
	background-color:#e4685d;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:11px 31px;
	text-decoration:none;
	text-shadow:0px -1px 0px #e63d31;
}
.myButton:hover {
	background-color:#eb675e;
}
.myButton:active {
	position:relative;
	top:1px;
}

.datagrid table 
{ 
    border-collapse: collapse; 
    text-align: left; width: 100%; 
} 

.datagrid 
{
    font: normal 12px/150% Arial, Helvetica, sans-serif; 
    background: #fff; 
    overflow: hidden; 
    -webkit-border-radius: 2px; 
    -moz-border-radius: 2px; 
    border-radius: 2px; 
}

.datagrid table td, .datagrid table th { padding: 0px 0px; }

.datagrid table thead th 
{
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #16A085), color-stop(1, #16A085) );
    background:-moz-linear-gradient( center top, #16A085 5%, #16A085 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#16A085', endColorstr='#16A085');
    background-color:#16A085; 
    color:#FFFFFF; 
    text-align:center;
    font-size: 18px; 
    font-weight: bold; 
    border-left: 1px solid #FFFFFF;
} 

.datagrid table thead th:first-child { border: none; }

.datagrid table tbody td 
{ 
    color: #000000; 
    border-left: 0px solid #FFFFFF;
    font-size: 15px;
    font-weight: normal;
   }

.datagrid table tbody .alt td 
{ 
    background: #E1EEF4; 
    color: #00496B; 
}

.datagrid table tbody td:first-child { border-left: none; }

.datagrid table tbody tr:last-child td { border-bottom: none; }